<template>
	<view class="main-box" v-if="cont>0">
	<image src="https://web.78keji.cn/images/tcxcx/myyh.png" mode="widthFix" style="width: 100%;" @click="change"></image>
	</view>
	<view class="box" v-else>
	
		<view class="d_f j_c_c " style="padding-top: 340rpx;">
			<image src="https://web.78keji.cn/cdimage/noyh.png" mode="widthFix" style="width:308rpx;">
			</image>
		</view>
		<view class="d_f j_c_c " style="padding-top: 20rpx;color: #999999;">
			暂无优惠券
		</view>
	
	
	</view>
</template>

<script>
	export default {
		data() {
			return {
				cont:0
			};
		},
		methods: {
change(){
   
   // #ifdef MP-ALIPAY
   uni.navigateTo({
   	url: "/pages/unit/unit"
   })
  
   // #endif
   // #ifdef H5
 uni.navigateTo({
 	url:'/pages/dis/dis'
 })
     
   // #endif
  
     

}
		}
	}
</script>

<style lang="scss">
	.main-box {
		background-color: #F5F5F5;
		min-height: 100vh;
		padding: 24rpx;
	}

	.navigation-box {
		background-color: #fff;
		padding: 30rpx 5%;
		display: flex;
		justify-content: space-between;
		align-items: center;

		.item {
			font-family: PingFang-SC-Medium;
			font-size: 25rpx;
			letter-spacing: 1rpx;
			color: #999999;
			font-weight: 600;

			.icon {
				width: 29rpx;
				height: auto;
				margin-right: 5rpx;
			}
		}

		.current {
			color: #558ffe;
		}
	}

	.coupon-box {
		width: 90%;
		margin: 0 auto;

		.item {
			margin-top: 30rpx;

			.img {
				display: block;
				width: 100%;
				height: auto;
			}
		}
	}

	.no-coupon-box {
		width: 90%;
		left: 5%;
		top: 30%;
		position: absolute;
		text-align: center;

		.icon {
			width: 242rpx;
			height: auto;
			display: block;
			margin: 0 auto;
		}

		.note1 {
			margin-top: 29rpx;
			text-align: center;
			font-family: PingFang-SC-Bold;
			font-size: 24rpx;
			letter-spacing: 1rpx;
			color: #727272;
		}

	}
</style>